﻿@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; }
body{ font-size:12px; font-family:"微软雅黑"; color:#525252; background:#fff;}
a { text-decoration:none;  outline:none; transition:all 0.2s; } 
a:hover{ text-decoration:none; }


img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:0px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:#999;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#333}
::-webkit-scrollbar-corner:vertical{background-color:#666}
::-webkit-scrollbar-resizer:vertical{background-color:#666;}

.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}


.xiang{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:77px;}
.xiang_tit{ width:1200px; height:94px;}
.xiang_left{ float:left; width:855px; height:63px; border-left:3px solid #c30d23; padding-left:17px;}
.xiang_1{ width:100%; overflow:hidden; font-size:22px; color:#000000; height:29px;}
.xiang_2{ width:100%; font-size:16px; color:#848484; font-family:Arial, Helvetica, sans-serif; height:19px; margin-top:13px;}
.xiang_2 span{ color:#c30d23; font-family:"微软雅黑"; margin-left:20px;}

.xiang_next{ float:right; height:30px; margin-top:15px;}
.xiang_next a{ float:left; display:block; width:90px; height:28px; line-height:28px; font-size:14px; color:#000000; cursor:pointer; border:2px solid #eeeeee; text-align:center; margin-left:10px;}
.xiang_next a:hover{ color:#fff; background-color:#c30d23; border:2px solid #c30d23; -webkit-transition: all 0.4s ease-in-out;}

.xiang_con{ width:1200px; height:auto; overflow:hidden; font-size:18px; color:#060606; line-height:32px; margin-top:25px; padding-bottom:80px; border-bottom:1px solid #eeeeee;}
.xiang_con1{ width:1200px; height:auto; overflow:hidden; font-size:16px; margin:auto; color:#414141; line-height:29px; margin-top:25px; padding-bottom:80px; border-bottom:1px solid #eeeeee;}
/*分页样式*/
.page_list{height:40px;line-height:40px;text-align:center;letter-spacing:0;font-size:14px; width:100%; float:left;} 
.page_list a{display:inline-block;color:#2b2b2b;text-align:center;text-decoration:none; width:40px; margin:0px 2px; border:1px solid #f1f1f1; border-radius:50%;}
.page_list a:hover{color:#fff; border:1px solid #a71118; background-color:#a71118;}
.page_list a.on{color:#fff; border:1px solid #a71118; background-color:#a71118;}

/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-size:14px; width:100%; float:left;margin-bottom:50px;} 
.contPage a{display:inline-block;color:#333333;text-align:center;text-decoration:none; padding:2px 10px; margin:0px 3px; border:2px solid #e5e5e5;}
.contPage a:hover{color:#2763ac; border:2px solid #2763ac;}
.contPage a.on{color:#2763ac; border:2px solid #2763ac;}



/*头部*/
.header{ width:100%; height:100px;}
.head{ width:1200px; height:100px; margin:auto;}
.head_left{ float:left; height:100px; width:350px;}
.head_logo{ width:60px; height:60px; padding-top:24px; float:left;}
.head_logo a{ display:block; cursor:pointer;}
.head_tit{ width:290px;color: #3f444a; font-size:24px; margin-top:5px; float:right; line-height:84px;}

.head_right{ float:right; height:100px;}

.nav{ float:left; height:100px; overflow:hidden;}
.nav_1{ float:left; width:70px; height:100px;  position:relative; z-index:100;}
.nav_1 a { display:block;color:#3a3f45; font-weight:bold; line-height:100px; font-size:15px; cursor:pointer;}
.nav_1 a:hover{ color:#32c5d2;-webkit-transition: all 0.4s ease-in-out;}
.nav_1 a.nav_1_a{ color:#32c5d2;}



.head_en{ float:right; height:100px;}
.head_1{ float:left; width:85px; height:30px; margin-top:35px;}
.head_1 a{ display:block;border:1px solid rgba(52, 152, 219, 0.4); font-size:14px;color: #3498DB; border-radius:30px; width:83px; height:28px; line-height:28px; text-align:center; cursor:pointer;}
.head_1 a:hover{ background-color:#3498db; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.head_11{ float:left; width:85px; height:30px; margin-top:35px;}
.head_11 a{ display:block; font-size:14px;color: #3498DB; border-radius:30px; width:83px; height:28px; line-height:28px; text-align:center; cursor:pointer;}
.head_11 a:hover{  color:#3498DB;-webkit-transition: all 0.4s ease-in-out;}



.head_2{ float:right; width:85px; height:30px; margin-top:35px; margin-left:30px;}
.head_2 a{ display:block;border:1px solid rgba(50, 197, 210, 0.4); font-size:14px;color: #32c5d2; border-radius:30px; width:83px; height:28px; line-height:28px; text-align:center; cursor:pointer;}
.head_2 a:hover{ background-color:#32c5d2; color:#fff;-webkit-transition: all 0.4s ease-in-out;}

.head_21{ float:right; width:85px; height:30px; margin-top:35px; margin-left:30px;}
.head_21 a{ display:block; font-size:14px;color: #32c5d2; border-radius:30px; width:83px; height:28px; line-height:28px; text-align:center; cursor:pointer;}
.head_21 a:hover{ color:#32c5d2;-webkit-transition: all 0.4s ease-in-out;}

.foot_warp{ width:100%; background-color:#31383c; height: auto; min-width:1200px;}
.foot{ width:1200px; height: auto; margin:auto;font-size:15px; color:#fff; padding:30px 0px;}


/*banner*/
.big_warp {
    width: 100%;
    min-width: 1200px;
}
.big{ width:100%; height:500px; margin:auto;position:relative; overflow:hidden; z-index:99; min-width: 1200px;}
.big .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
.big .swiper-slide{ overflow:hidden;}

.big-left { position:absolute; left:3%; top:45%; z-index:10; cursor:pointer; font-size:40px; color:#35bcc8; font-family:"宋体"; overflow:hidden; width:60px; height:60px; text-align:center; line-height:60px; border:2px solid #35bcc8; border-radius:50%; opacity:0.3;}
.big-left:hover{  opacity:1;-webkit-transition: all 0.4s ease-in-out;}
.big-right {position: absolute; right:3%; top:45%; z-index:10; cursor:pointer; font-size:40px; color:#35bcc8; font-family:"宋体"; overflow:hidden; width:60px; height:60px; text-align:center; line-height:60px; border:2px solid #35bcc8; border-radius:50%; opacity:0.3;}
.big-right:hover{  opacity:1;  -webkit-transition: all 0.4s ease-in-out;}
.big_div{ width:100%; height:500px; position:relative; z-index:9;}

.index{ width:1200px; height:auto; overflow:hidden; margin:auto; font-size:16px; color:#000; line-height:30px; padding:30px 0px;}

.modal{ width:100%; height:100vh; position: fixed; top:0; z-index:999; background-color:rgba(0,0,0,0.3); display:none;}

.modal-content{ position: relative; background-color: #fff; border: 1px solid #3a3a3a; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); width:450px; height:505px; margin:auto;}
.modal_cha{ margin:auto; width:405px; height:55px;}
.modal_cha a{ display:inline-block; width:55px; height:55px; text-align:right; cursor:pointer; line-height:55px; cursor:pointer; float:right;color: #3f444a; font-size: 28px;}
.modal_cha a:hover{ color:#32c5d2;-webkit-transition: all 0.4s ease-in-out;}
.modal-body { width:370px; height:auto; overflow:hidden; margin:auto; margin-top:20px;}
.modal_1{ width:100%; height:31px; overflow:hidden; font-size: 24px;color: #3f444a;}
.modal_2{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:16px;color: #5c6873; margin-bottom:15px;}
.form-group { width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.form-control { font-family: "微软雅黑"; width:350px; height:45px;border: 1px solid #d0d7de; color: #555;font-size: 14px; padding-left:18px;}
.modal_3{ width:100%; font-size:16px;color: #454e56; height:24px; line-height:24px; margin-bottom:28px;}
.modal_check{ margin-right:10px;}
.modal_4{ width:100%; height:auto; overflow:hidden;}
.modal_4 a{ display:inline-block; float: right; color: #3f444a; font-size:15px; cursor:pointer; line-height:43px;}
.modal_4 a:hover{ color:#32c5d2;-webkit-transition: all 0.4s ease-in-out;}
.modal_btn{ width:115px; height:43px; background-color:#32c5d2; font-family:"微软雅黑"; font-size:16px; color:#fff; border:none;}
.modal_di{ width:370px; height:73px; background-color:#f7f7f7; position:absolute; bottom:0; padding:0px 40px; color:#5c6873; line-height:73px; font-size:17px;}
.modal_di a{ display:inline-block; float:right; text-align:center; width:96px; height:30px; line-height:30px;color: #525e64; border:2px solid #525e64;    font-size: 14px; cursor:pointer; margin-top:20px;}
.modal_di a:hover{ color:#fff; border:2px solid #525e64; background-color:#525e64;-webkit-transition: all 0.4s ease-in-out;}


.load{width:100%; height:100vh; position: fixed; top:0; z-index:999; background-color:rgba(0,0,0,0.3); display:none;}
.load_all{position: relative; background-color: #fff; border: 1px solid #3a3a3a; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); width:450px; height:450px; margin:auto;}
.load_cha{ margin:auto; width:405px; height:55px;}
.load_cha a{ display:inline-block; width:55px; height:55px; text-align:right; cursor:pointer; line-height:55px; cursor:pointer; float:right;color: #3f444a; font-size: 28px;}
.load_cha a:hover{ color:#32c5d2;-webkit-transition: all 0.4s ease-in-out;}
.modal_5{ width:100%; height:auto; overflow:hidden;}
.modal_5 a{ display:inline-block; float: right; color: #3f444a; font-size:15px; cursor:pointer; line-height:43px;}
.modal_5 a:hover{ color:#32c5d2;-webkit-transition: all 0.4s ease-in-out;}
.modal_btn1{ width:145px; height:43px; background-color:#32c5d2; font-family:"微软雅黑"; font-size:18px; color:#fff; border:none;}
.modal_btn1:hover{ background-color:#27a8b4;-webkit-transition: all 0.4s ease-in-out;}

.news_warp{ width:100%; height:auto; overflow:hidden; border-top:1px solid #f2f2f2;}
.news{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.news_tit{ width:100%; font-size:20px; color: #3f444a; font-weight:bold; height:90px; line-height:90px; padding-top:30px;}
.news_list{ width:1198px; height:auto; overflow:hidden; border:1px solid #f2f2f2; margin-bottom:60px;}
.news_list ul li{ width:100%; height:91px; list-style:none;}
.news_list ul li a{ display:block; width:1168px; height:60px; border-bottom:1px solid #f2f2f2; padding:15px;}
.news_list ul li.news_list_li a{ border-bottom:none;}
.news_list ul li a:hover .news_1{color: #32c5d2;}
.news_img{ float:left; width:60px; height:60px;}
.news_right{ float:right; width:1095px; height:60px;}
.news_1{ width:100%;color: #3f444a; font-size:17px; height:24px; padding-top:5px;}
.news_2{ width:100%;color: #5c6873; font-size:15px; height: auto; padding-top:2px;}













